<template>
	<div class="app-dev-action-bar" v-show="isShow">
		<div class="dev-action-bar-container">
			<div class="title" v-html="remark"></div>
		</div>
	</div>
</template>
<script setup lang="ts">
import { devActionBarProps } from './dev-action-bar';
const props = defineProps(devActionBarProps);
const isShow = ref(false);
const helper = App.getDevActionHelper();
const callBack = (result: boolean) => {
	isShow.value = result;
};
onMounted(() => {
	if (import.meta.env.VITE_DEBUG === 'TRUE') {
		helper.addChangeCallBack(callBack);
	}
});
onUnmounted(() => {
	if (import.meta.env.VITE_DEBUG === 'TRUE') {
		helper.removeChangeCallBack(callBack);
	}
});
</script>
